

<!DOCTYPE html>
<html lang="zh-CN" data-default-color-scheme=auto>



<head>
  <meta charset="UTF-8">
  <link rel="apple-touch-icon" sizes="76x76" href="/img/fluid.png">
  <link rel="icon" href="/img/fluid.png">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  
  <meta name="theme-color" content="#2f4154">
  <meta name="author" content="叶飞">
  <meta name="keywords" content="">
  
    <meta name="description" content="⭐️1. 计算机网络的各层协议及作用？ 计算机网络体系可以大致分为一下三种，OSI七层模型、TCP&#x2F;IP四层模型和五层模型。  OSI七层模型：大而全，但是比较复杂、而且是先有了理论模型，没有实际应用。 TCP&#x2F;IP四层模型：是由实际应用发展总结出来的，从实质上讲，TCP&#x2F;IP只有最上面三层，最下面一层没有什么具体内容，TCP&#x2F;IP参考模型没有真正描述这一层的实现。 五层模型：五层模型只出现在计">
<meta property="og:type" content="article">
<meta property="og:title" content="计算机网络-1">
<meta property="og:url" content="http://example.com/2022/04/14/20220414-%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C-1/index.html">
<meta property="og:site_name" content="博客">
<meta property="og:description" content="⭐️1. 计算机网络的各层协议及作用？ 计算机网络体系可以大致分为一下三种，OSI七层模型、TCP&#x2F;IP四层模型和五层模型。  OSI七层模型：大而全，但是比较复杂、而且是先有了理论模型，没有实际应用。 TCP&#x2F;IP四层模型：是由实际应用发展总结出来的，从实质上讲，TCP&#x2F;IP只有最上面三层，最下面一层没有什么具体内容，TCP&#x2F;IP参考模型没有真正描述这一层的实现。 五层模型：五层模型只出现在计">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="http://example.com/img/20220414-计算机网络-1.assets/image-20210519165421341.png">
<meta property="og:image" content="http://example.com/img/20220414-计算机网络-1.assets/image-20210519180008296.png">
<meta property="og:image" content="http://example.com/img/20220414-计算机网络-1.assets/image-20210520161056918.png">
<meta property="og:image" content="http://example.com/img/20220414-计算机网络-1.assets/image-20210520180127547-16499386121794.png">
<meta property="og:image" content="http://example.com/img/20220414-计算机网络-1.assets/image-20210520214432214.png">
<meta property="og:image" content="http://example.com/img/20220414-%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C-1.assets/image-20210520214123058.png">
<meta property="og:image" content="http://example.com/img/20220414-%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C-1.assets/image-20210520214146324.png">
<meta property="article:published_time" content="2022-04-14T12:14:01.000Z">
<meta property="article:modified_time" content="2022-04-14T12:19:58.602Z">
<meta property="article:author" content="叶飞">
<meta property="article:tag" content="面试">
<meta property="article:tag" content="计算机网络">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="http://example.com/img/20220414-计算机网络-1.assets/image-20210519165421341.png">
  
  
  
  <title>计算机网络-1 - 博客</title>

  <link  rel="stylesheet" href="https://lib.baomitu.com/twitter-bootstrap/4.6.1/css/bootstrap.min.css" />



  <link  rel="stylesheet" href="https://lib.baomitu.com/github-markdown-css/4.0.0/github-markdown.min.css" />

  <link  rel="stylesheet" href="https://lib.baomitu.com/hint.css/2.7.0/hint.min.css" />

  <link  rel="stylesheet" href="https://lib.baomitu.com/fancybox/3.5.7/jquery.fancybox.min.css" />



<!-- 主题依赖的图标库，不要自行修改 -->
<!-- Do not modify the link that theme dependent icons -->

<link rel="stylesheet" href="//at.alicdn.com/t/font_1749284_hj8rtnfg7um.css">



<link rel="stylesheet" href="//at.alicdn.com/t/font_1736178_lbnruvf0jn.css">


<link  rel="stylesheet" href="/css/main.css" />


  <link id="highlight-css" rel="stylesheet" href="/css/highlight.css" />
  
    <link id="highlight-css-dark" rel="stylesheet" href="/css/highlight-dark.css" />
  




  <script id="fluid-configs">
    var Fluid = window.Fluid || {};
    Fluid.ctx = Object.assign({}, Fluid.ctx)
    var CONFIG = {"hostname":"example.com","root":"/","version":"1.9.2","typing":{"enable":true,"typeSpeed":70,"cursorChar":"_","loop":false,"scope":[]},"anchorjs":{"enable":true,"element":"h1,h2,h3,h4,h5,h6","placement":"left","visible":"hover","icon":""},"progressbar":{"enable":true,"height_px":3,"color":"#29d","options":{"showSpinner":false,"trickleSpeed":100}},"code_language":{"enable":true,"default":"TEXT"},"copy_btn":true,"image_caption":{"enable":true},"image_zoom":{"enable":true,"img_url_replace":["",""]},"toc":{"enable":true,"placement":"right","headingSelector":"h1,h2,h3,h4,h5,h6","collapseDepth":0},"lazyload":{"enable":true,"loading_img":"/img/loading.gif","onlypost":false,"offset_factor":2},"web_analytics":{"enable":false,"follow_dnt":true,"baidu":null,"google":null,"gtag":null,"tencent":{"sid":null,"cid":null},"woyaola":null,"cnzz":null,"leancloud":{"app_id":null,"app_key":null,"server_url":null,"path":"window.location.pathname","ignore_local":false}},"search_path":"/local-search.xml"};

    if (CONFIG.web_analytics.follow_dnt) {
      var dntVal = navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack;
      Fluid.ctx.dnt = dntVal && (dntVal.startsWith('1') || dntVal.startsWith('yes') || dntVal.startsWith('on'));
    }
  </script>
  <script  src="/js/utils.js" ></script>
  <script  src="/js/color-schema.js" ></script>
  


  
<meta name="generator" content="Hexo 6.2.0"></head>


<body>
  

  <header>
    

<div class="header-inner" style="height: 70vh;">
  <nav id="navbar" class="navbar fixed-top  navbar-expand-lg navbar-dark scrolling-navbar">
  <div class="container">
    <a class="navbar-brand" href="/">
      <strong>No Tomorrow</strong>
    </a>

    <button id="navbar-toggler-btn" class="navbar-toggler" type="button" data-toggle="collapse"
            data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <div class="animated-icon"><span></span><span></span><span></span></div>
    </button>

    <!-- Collapsible content -->
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav ml-auto text-center">
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/">
                <i class="iconfont icon-home-fill"></i>
                首页
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/archives/">
                <i class="iconfont icon-archive-fill"></i>
                归档
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/categories/">
                <i class="iconfont icon-category-fill"></i>
                分类
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/tags/">
                <i class="iconfont icon-tags-fill"></i>
                标签
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/about/">
                <i class="iconfont icon-user-fill"></i>
                关于
              </a>
            </li>
          
        
        
          <li class="nav-item" id="search-btn">
            <a class="nav-link" target="_self" href="javascript:;" data-toggle="modal" data-target="#modalSearch" aria-label="Search">
              &nbsp;<i class="iconfont icon-search"></i>&nbsp;
            </a>
          </li>
          
        
        
          <li class="nav-item" id="color-toggle-btn">
            <a class="nav-link" target="_self" href="javascript:;" aria-label="Color Toggle">&nbsp;<i
                class="iconfont icon-dark" id="color-toggle-icon"></i>&nbsp;</a>
          </li>
        
      </ul>
    </div>
  </div>
</nav>

  

<div id="banner" class="banner" parallax=true
     style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
  <div class="full-bg-img">
    <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
      <div class="banner-text text-center fade-in-up">
        <div class="h2">
          
            <span id="subtitle" data-typed-text="计算机网络-1"></span>
          
        </div>

        
          
  <div class="mt-3">
    
      <span class="post-meta mr-2">
        <i class="iconfont icon-author" aria-hidden="true"></i>
        叶飞
      </span>
    
    
      <span class="post-meta">
        <i class="iconfont icon-date-fill" aria-hidden="true"></i>
        <time datetime="2022-04-14 20:14" pubdate>
          星期四, 四月 14日 2022, 8:14 晚上
        </time>
      </span>
    
  </div>

  <div class="mt-1">
    
      <span class="post-meta mr-2">
        <i class="iconfont icon-chart"></i>
        
          <!-- compatible with older versions-->
          7.7k 字
        
      </span>
    

    
      <span class="post-meta mr-2">
        <i class="iconfont icon-clock-fill"></i>
        
        
        
          <!-- compatible with older versions-->
          64 分钟
        
      </span>
    

    
    
      
        <span id="leancloud-page-views-container" class="post-meta" style="display: none">
          <i class="iconfont icon-eye" aria-hidden="true"></i>
          <span id="leancloud-page-views"></span> 次
        </span>
        
      
    
  </div>


        
      </div>

      
    </div>
  </div>
</div>

</div>

  </header>

  <main>
    
      

<div class="container-fluid nopadding-x">
  <div class="row nomargin-x">
    <div class="side-col d-none d-lg-block col-lg-2">
      

    </div>

    <div class="col-lg-8 nopadding-x-md">
      <div class="container nopadding-x-md" id="board-ctn">
        <div id="board">
          <article class="post-content mx-auto">
            <!-- SEO header -->
            <h1 style="display: none">计算机网络-1</h1>
            
            
              <div class="markdown-body">
                
                <h2 id="️1-计算机网络的各层协议及作用"><a class="markdownIt-Anchor" href="#️1-计算机网络的各层协议及作用"></a> ⭐️1. 计算机网络的各层协议及作用？</h2>
<p>计算机网络体系可以大致分为一下三种，OSI七层模型、TCP/IP四层模型和五层模型。</p>
<ul>
<li>OSI七层模型：大而全，但是比较复杂、而且是先有了理论模型，没有实际应用。</li>
<li>TCP/IP四层模型：是由实际应用发展总结出来的，从实质上讲，TCP/IP只有最上面三层，最下面一层没有什么具体内容，TCP/IP参考模型没有真正描述这一层的实现。</li>
<li>五层模型：五层模型只出现在计算机网络教学过程中，这是对七层模型和四层模型的一个折中，既简洁又能将概念阐述清楚。</li>
</ul>
<img src="/img/20220414-计算机网络-1.assets/image-20210519165421341.png" srcset="/img/loading.gif" lazyload alt="计算机网络体系结构" style="zoom:50%;">
<p>七层网络体系结构各层的主要功能：</p>
<ul>
<li>
<p>应用层：为应用程序提供交互服务。在互联网中的应用层协议很多，如域名系统DNS，支持万维网应用的HTTP协议，支持电子邮件的SMTP协议等。</p>
</li>
<li>
<p>表示层：主要负责<strong>数据格式的转换</strong>，如加密解密、转换翻译、压缩解压缩等。</p>
</li>
<li>
<p>会话层：负责在网络中的两节点之间<strong>建立、维持和终止通信/会话</strong>，如服务器验证用户登录便是由会话层完成的。</p>
</li>
<li>
<p>运输层：有时也译为传输层，向主机进程提供通用的数据传输服务。该层主要有以下两种协议：</p>
<ul>
<li>TCP：提供<strong>面向连接</strong>的、<strong>可靠</strong>的数据传输服务；</li>
<li>UDP：提供无连接的、尽最大努力的数据传输服务，但不保证数据传输的可靠性。</li>
</ul>
</li>
<li>
<p>网络层：选择合适的路由和交换结点，确保数据及时传送。主要包括IP协议。</p>
</li>
<li>
<p>数据链路层：数据链路层通常简称为链路层。将网络层传下来的IP数据包组装成帧，并再相邻节点的链路上传送帧。</p>
</li>
<li>
<p><code>物理层</code>：实现相邻节点间比特流的透明传输，尽可能屏蔽传输介质和通信手段的差异。</p>
</li>
</ul>
<h1 id="tcp和udp"><a class="markdownIt-Anchor" href="#tcp和udp"></a> TCP和UDP</h1>
<h2 id="2-tcp和udp的区别"><a class="markdownIt-Anchor" href="#2-tcp和udp的区别"></a> 2. TCP和UDP的区别？</h2>
<p><strong>对比如下</strong>：</p>
<table>
<thead>
<tr>
<th style="text-align:left"></th>
<th style="text-align:left">TCP</th>
<th style="text-align:left">UDP</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left"><strong>是否连接</strong></td>
<td style="text-align:left">面向连接</td>
<td style="text-align:left">无连接</td>
</tr>
<tr>
<td style="text-align:left"><strong>是否可靠</strong></td>
<td style="text-align:left">可靠传输，使用流量控制和拥塞控制</td>
<td style="text-align:left">不可靠传输，不使用流量控制和拥塞控制</td>
</tr>
<tr>
<td style="text-align:left">传输方式</td>
<td style="text-align:left">面向<code>字节流</code></td>
<td style="text-align:left">面向<code>报文</code></td>
</tr>
<tr>
<td style="text-align:left">首部开销</td>
<td style="text-align:left">首部<code>最小20字节，最大60字节</code></td>
<td style="text-align:left">首部开销小，仅<code>8字节</code></td>
</tr>
<tr>
<td style="text-align:left">是否有序</td>
<td style="text-align:left">有序[<strong>序号字段</strong>]，消息在传输过程中可能会乱序，TCP 会重新排序</td>
<td style="text-align:left">无序</td>
</tr>
<tr>
<td style="text-align:left">传输速度</td>
<td style="text-align:left">慢</td>
<td style="text-align:left">快</td>
</tr>
<tr>
<td style="text-align:left">连接对象个数</td>
<td style="text-align:left">只能是一对一通信</td>
<td style="text-align:left">支持一对一，一对多，多对一和多对多交互通信</td>
</tr>
<tr>
<td style="text-align:left">适用场景</td>
<td style="text-align:left">适用于要求可靠传输的应用，例如文件传输</td>
<td style="text-align:left">适用于实时应用（IP电话、视频会议、直播等）</td>
</tr>
</tbody>
</table>
<p><strong>总结</strong>：</p>
<p>TCP 用于在传输层有必要实现可靠传输的情况，UDP 用于对<strong>高速传输和实时性</strong>有较高要求的通信。TCP 和 UDP 应该根据应用目的按需使用。</p>
<h2 id="3-udp-和-tcp-对应的应用场景是什么"><a class="markdownIt-Anchor" href="#3-udp-和-tcp-对应的应用场景是什么"></a> 3. UDP 和 TCP 对应的应用场景是什么？</h2>
<p>TCP 是面向连接，能保证数据的可靠性交付，因此经常用于：</p>
<ul>
<li>FTP文件传输</li>
<li>HTTP / HTTPS</li>
</ul>
<p>UDP 面向无连接，它可以随时发送数据，再加上UDP本身的处理既简单又高效，因此经常用于：</p>
<ul>
<li>包总量较少的通信，如 DNS 、SNMP等</li>
<li>视频、音频等多媒体通信</li>
<li>广播通信</li>
</ul>
<img src="/img/20220414-计算机网络-1.assets/image-20210519180008296.png" srcset="/img/loading.gif" lazyload alt="image-20210519180008296" style="zoom:50%;">
<h1 id="握手挥手"><a class="markdownIt-Anchor" href="#握手挥手"></a> 握手挥手</h1>
<h2 id="4-详细介绍一下-tcp-的三次握手机制"><a class="markdownIt-Anchor" href="#4-详细介绍一下-tcp-的三次握手机制"></a> 4. 详细介绍一下 TCP 的三次握手机制？</h2>
<img src="/img/20220414-计算机网络-1.assets/image-20210520161056918.png" srcset="/img/loading.gif" lazyload style="zoom:50%;">
<blockquote>
<p>图片来自：<a target="_blank" rel="noopener" href="https://juejin.cn/post/6844904005315854343">https://juejin.cn/post/6844904005315854343</a></p>
</blockquote>
<p>三次握手机制：</p>
<ul>
<li>
<p>第一次握手：客户端请求建立连接，向服务端发送一个<strong>同步报文</strong>（SYN=1），同时选择一个随机数 seq = x 作为<strong>初始序列号</strong>，并进入SYN_SENT状态，等待服务器确认。</p>
</li>
<li>
<p>第二次握手：：服务端收到连接请求报文后，如果同意建立连接，则向客户端发送<strong>同步确认报文</strong>（SYN=1，ACK=1），确认号为 ack = x + 1，同时选择一个随机数 seq = y 作为初始序列号，此时服务器进入SYN_RECV状态。</p>
</li>
<li>
<p>第三次握手：客户端收到服务端的确认后，向服务端发送一个<strong>确认报文</strong>（ACK=1），确认号为 ack = y + 1，序列号为 seq = x + 1，客户端和服务器进入ESTABLISHED状态，完成三次握手。</p>
</li>
</ul>
<p>理想状态下，TCP连接一旦建立，在通信双方中的任何一方主动关闭连接之前，TCP 连接都将被一直保持下去。</p>
<h2 id="️5-为什么需要三次握手而不是两次"><a class="markdownIt-Anchor" href="#️5-为什么需要三次握手而不是两次"></a> ⭐️5. 为什么需要三次握手，而不是两次？</h2>
<p>主要有三个原因：</p>
<ol>
<li>过期链接被确认</li>
</ol>
<ul>
<li>客户端发送A，未得到确认，然后发起B</li>
<li>服务端确认B，建立连接</li>
<li>然后，A到达，服务器再次确认并再次及建立连接。
<ul>
<li>实际上，客户端无法处理这个A对应的请求，服务器建立的连接被浪费，且等待</li>
</ul>
</li>
</ul>
<ol start="2">
<li>三次握手才能让双方均<strong>确认自己和对方的发送和接收能力都正常</strong>。</li>
</ol>
<ul>
<li>
<p>第一次握手【客户端发起请求/同步报文】：客户端只是发送处请求报文段，什么都无法确认，而服务器可以确认自己的接收能力和对方的发送能力正常；</p>
<ul>
<li>服务端：接收正常</li>
<li>客户端：发送正常</li>
</ul>
</li>
<li>
<p>第二次握手【服务端ACK，并发起一个同步确认报文】：<strong>客户端可以确认</strong>自己发送能力和接收能力正常，对方发送能力和接收能力正常；</p>
<ul>
<li>服务端：接收正常 + 发送正常   【此时服务器并不知晓自己的发送能力是否正常】</li>
<li>客户端：发送正常 + 接收正常    【客户端完全确认】</li>
</ul>
</li>
<li>
<p>第三次握手【客户端发送确认报文】：服务器可以确认自己发送能力和接收能力正常，对方发送能力和接收能力正常；</p>
<ul>
<li>服务端确认自己的发送能力也正常</li>
</ul>
</li>
</ul>
<p>可见三次握手才能让双方都确认自己和对方的发送和接收能力全部正常，这样就可以愉快地进行通信了。</p>
<ol start="3">
<li>告知对方自己的初始序号值，并确认收到对方的初始序号值。</li>
</ol>
<p>TCP 实现了可靠的数据传输，原因之一就是 TCP 报文段中维护了<strong>序号字段和确认序号字段</strong>，通过这两个字段双方都可以知道在自己发出的数据中，哪些是已经被对方确认接收的。这两个字段的值会在初始序号值得基础递增，如果是两次握手，只有发起方的初始序号可以得到确认，而另一方的初始序号则得不到确认。</p>
<h2 id="️6-为什么要三次握手而不是四次"><a class="markdownIt-Anchor" href="#️6-为什么要三次握手而不是四次"></a> ⭐️6. 为什么要三次握手，而不是四次？</h2>
<p>因为三次握手已经可以确认双方的发送接收能力正常，双方都知道彼此已经准备好，而且也可以完成对双方初始序号值得确认，也就无需再第四次握手了。</p>
<ul>
<li>第一次握手：服务端确认“自己收、客户端发”报文功能正常。</li>
<li>第二次握手：客户端确认“自己发、自己收、服务端收、客户端发”报文功能正常，客户端认为连接已建立。</li>
<li>第三次握手：服务端确认“自己发、客户端收”报文功能正常，此时双方均建立连接，可以正常通信。</li>
</ul>
<p>另一种说法：<code>实际上是四次握手，不过服务端把第二次、第三次握手合并</code></p>
<ul>
<li>握手：一次接收请求、或、一次发送确认</li>
<li>服务端：请求和确认合并</li>
</ul>
<h2 id="7-什么是-syn洪泛攻击如何防范"><a class="markdownIt-Anchor" href="#7-什么是-syn洪泛攻击如何防范"></a> 7. 什么是 SYN洪泛攻击？如何防范？</h2>
<p>SYN洪泛攻击属于 DOS 攻击的一种，它利用 TCP 协议缺陷，通过发送大量的半连接请求，耗费 CPU 和内存资源。</p>
<p>原理：</p>
<ul>
<li>在三次握手过程中，服务器发送 <code>[SYN/ACK]</code> 包（第二个包）之后、收到客户端的 <code>[ACK]</code> 包（第三个包）之前的 TCP 连接称为半连接（half-open connect），此时服务器处于 <code>SYN_RECV</code>（等待客户端响应）状态。如果接收到客户端的 <code>[ACK]</code>，则 TCP 连接成功，如果未接受到，则【服务端】会<strong>不断重发请求</strong>直至成功。</li>
<li>SYN 攻击的攻击者在短时间内<strong>伪造大量不存在的 IP 地址</strong>，向服务器不断地发送 <code>[SYN]</code> 包，服务器回复 <code>[SYN/ACK]</code> 包，并等待客户的确认。由于源地址是不存在的，<code>服务器需要不断的重发直至超时</code>。</li>
<li>这些伪造的 <code>[SYN]</code> 包将长时间占用未连接队列，影响了正常的 SYN，导致目标系统运行缓慢、网络堵塞甚至系统瘫痪。</li>
</ul>
<p>检测：当在服务器上看到大量的半连接状态时，特别是源 IP 地址是随机的，基本上可以断定这是一次 SYN 攻击。</p>
<p>防范：</p>
<ul>
<li>通过防火墙、路由器等过滤网关防护。</li>
<li>通过加固 TCP/IP 协议栈防范，如<code>增加最大半连接数</code>，<code>缩短超时时间</code>。</li>
<li><code>SYN cookies技术</code>。SYN Cookies 是对 TCP 服务器端的三次握手做一些修改，专门用来防范 SYN 洪泛攻击的一种手段。</li>
</ul>
<h2 id="8-三次握手连接阶段最后一次ack包丢失会发生什么"><a class="markdownIt-Anchor" href="#8-三次握手连接阶段最后一次ack包丢失会发生什么"></a> 8. 三次握手连接阶段，最后一次ACK包丢失，会发生什么？</h2>
<p><strong>服务端：</strong></p>
<ul>
<li>第三次的ACK在网络中丢失【客户端的回复】，那么服务端该TCP连接的状态为<code>SYN_RECV</code>,并且会根据 TCP 的<code>超时重传</code>机制，会等待3秒、6秒、12秒后重新发送SYN+ACK包，以便客户端重新发送ACK包。</li>
<li>如果重发指定次数之后，仍然未收到 <code>客户端</code> 的ACK应答，那么一段时间后，服务端自动关闭这个连接。</li>
</ul>
<p><strong>客户端：</strong></p>
<p>​	客户端认为这个连接已经建立，如果客户端向服务端发送数据，服务端将以<code>RST包（Reset，标示复位，用于异常的关闭连接）响应</code>。此时，客户端知道第三次握手失败。</p>
<h2 id="9-详细介绍一下-tcp-的四次挥手过程"><a class="markdownIt-Anchor" href="#9-详细介绍一下-tcp-的四次挥手过程"></a> 9. 详细介绍一下 TCP 的四次挥手过程？</h2>
<img src="/img/20220414-计算机网络-1.assets/image-20210520180127547-16499386121794.png" srcset="/img/loading.gif" lazyload style="zoom:50%;">
<blockquote>
<p>图片来源：<a target="_blank" rel="noopener" href="https://juejin.im/post/5ddd1f30e51d4532c42c5abe">https://juejin.im/post/5ddd1f30e51d4532c42c5abe</a></p>
</blockquote>
<ul>
<li>
<p>状态：</p>
<ul>
<li>发起者/客户端：
<ul>
<li>Established</li>
<li>FIN_WAIT_1：发起FIN</li>
<li>FIN_WAIT_2：收到FIN的ACK</li>
<li>TIME_WAIT：收到客户端FIN</li>
<li>CLOSED</li>
</ul>
</li>
<li>服务器：
<ul>
<li>ESTABLISHED</li>
<li>CLOSE_WAIT: 收到FIN</li>
<li>LAST_ACK: 发起FIN</li>
<li>CLOSED</li>
</ul>
</li>
</ul>
</li>
<li>
<p>第一次挥手：客户端向服务端发送连接释放报文（FIN=1，ACK=1），主动关闭连接，同时等待服务端的确认。</p>
<ul>
<li>序列号 seq = u，即客户端上次发送的报文的最后一个字节的序号 + 1</li>
<li>确认号 ack = k, 即服务端上次发送的报文的最后一个字节的序号 + 1</li>
</ul>
</li>
<li>
<p>第二次挥手：服务端收到连接释放报文后，立即发出<strong>确认报文</strong>（ACK=1），序列号 seq = k，确认号 ack = u + 1。</p>
<p>这时 TCP 连接处于<code>半关闭状态</code>，即<strong>客户端到服务端的连接已经释放</strong>了，但是服务端到客户端的连接还未释放。这表示客户端已经没有数据发送了，但是服务端可能还要给客户端发送数据。</p>
</li>
<li>
<p>第三次挥手：服务端向客户端发送连接释放报文（FIN=1，ACK=1），主动关闭连接，同时等待 客户端 的确认。</p>
<ul>
<li>序列号 seq = w，即服务端上次发送的报文的最后一个字节的序号 + 1。</li>
<li>确认号 <strong>ack = u + 1</strong>，与第二次挥手相同，因为这段时间客户端没有发送数据</li>
</ul>
</li>
<li>
<p>第四次挥手：客户端收到服务端的连接释放报文后，立即发出<strong>确认报文</strong>（ACK=1），<strong>序列号 seq = u + 1</strong>，确认号为 ack = w + 1。</p>
<p>此时，客户端就进入了 <code>TIME-WAIT</code> 状态。<strong>注意此时客户端到 TCP 连接还没有释放</strong>，必须经过 2*MSL（最长报文段寿命）的时间后，才进入 <code>CLOSED</code> 状态。而服务端只要收到客户端发出的确认，就立即进入 <code>CLOSED</code> 状态。可以看到，服务端结束 TCP 连接的时间要比客户端早一些。</p>
</li>
</ul>
<h2 id="10-为什么连接的时候是三次握手关闭的时候却是四次握手"><a class="markdownIt-Anchor" href="#10-为什么连接的时候是三次握手关闭的时候却是四次握手"></a> 10. 为什么连接的时候是三次握手，关闭的时候却是四次握手？</h2>
<p>服务器在收到客户端的 FIN 报文段后，可能还有一些数据要传输，所以不能马上关闭连接，但是会做出应答，返回 ACK 报文段.</p>
<p>接下来可能会继续发送数据，在数据发送完后，服务器会向客户单发送 FIN 报文，表示数据已经发送完毕，请求关闭连接。服务器的<strong>ACK和FIN一般都会分开发送</strong>，从而导致多了一次，因此一共需要四次挥手。</p>
<h2 id="️11-为什么客户端的-time-wait-状态必须等待-2msl"><a class="markdownIt-Anchor" href="#️11-为什么客户端的-time-wait-状态必须等待-2msl"></a> ⭐️11. 为什么客户端的 TIME-WAIT 状态必须等待 2MSL ？</h2>
<p>主要有两个原因：</p>
<ol>
<li>
<p>确保 ACK 报文能够到达服务端，从而使服务端正常关闭连接。——<strong>避免服务器超时重传</strong></p>
<p>第四次挥手时，客户端第四次挥手的 ACK 报文不一定会到达服务端。服务端会超时重传 FIN/ACK 报文，此时如果客户端已经断开了连接，那么就无法响应服务端的二次请求，这样服务端迟迟收不到 FIN/ACK 报文的确认，就无法正常断开连接。</p>
<p>MSL 是报文段在网络上存活的最长时间。客户端等待 2MSL 时间，即「客户端 ACK 报文 1MSL 超时 + 服务端 FIN 报文 1MSL 传输」，就能够收到服务端重传的 FIN/ACK 报文，然后客户端重传一次 ACK 报文，并重新启动 2MSL 计时器。如此保证服务端能够正常关闭。</p>
<p>如果服务端重发的 FIN 没有成功地在 2MSL 时间里传给客户端，<strong>服务端则会继续超时重试</strong>直到断开连接。</p>
</li>
<li>
<p>防止**已失效的连接请求报文段【属于本次/已结束的连接的报文】**出现在之后的连接中。</p>
<p>TCP 要求在 2MSL 内不使用相同的序列号。客户端在发送完最后一个 ACK 报文段后，再经过时间 2MSL，就可以保证本连接持续的时间内产生的所有报文段都从网络中消失。这样就可以使<strong>下一个连接中不会出现这种旧的连接请求</strong>报文段。或者即使收到这些过时的报文，也可以不处理它。</p>
</li>
</ol>
<h2 id="12-如果已经建立了连接但是客户端出现故障了怎么办"><a class="markdownIt-Anchor" href="#12-如果已经建立了连接但是客户端出现故障了怎么办"></a> 12. 如果已经建立了连接，但是客户端出现故障了怎么办？</h2>
<p>或者说，如果三次握手阶段、四次挥手阶段的包丢失了怎么办？如“服务端重发 FIN丢失”的问题。</p>
<p>简而言之，通过<strong>定时器 + 超时重试机制</strong>，尝试获取确认，直到最后会自动断开连接。</p>
<p>具体而言，TCP 设有一个保活计时器。服务器每收到一次客户端的数据，都会重新复位这个计时器，时间通常是设置为 2 小时。若 2 小时还没有收到客户端的任何数据，服务器就开始重试：每隔 75 分钟发送一个探测报文段，若一连发送 10 个探测报文后客户端依然没有回应，那么服务器就认为连接已经断开了。</p>
<h2 id="️13-time-wait-状态过多会产生什么后果怎样处理"><a class="markdownIt-Anchor" href="#️13-time-wait-状态过多会产生什么后果怎样处理"></a> ⭐️13. TIME-WAIT 状态过多会产生什么后果？怎样处理？</h2>
<p>从<strong>服务器</strong>来讲，短时间内关闭了大量的Client连接，就会造成服务器上出现大量的TIME_WAIT连接，严重消耗着服务器的资源，此时部分客户端就会显示连接不上。</p>
<p>从<strong>客户端</strong>来讲，客户端TIME_WAIT过多，就会导致<strong>端口资源被占用</strong>，因为端口就65536个，被占满就会导致无法创建新的连接。</p>
<p><strong>解决办法：</strong></p>
<ul>
<li>
<p>服务器可以设置 <code>SO_REUSEADDR</code> 套接字选项来避免 TIME_WAIT 状态，此套接字选项告诉内核，即使此端口正忙（处于<br>
TIME_WAIT状态），也请继续并重用它。</p>
</li>
<li>
<p>调整系统内核参数，修改/etc/sysctl.conf文件，即修改<code>net.ipv4.tcp_tw_reuse 和 tcp_timestamps</code></p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><code class="hljs bash">net.ipv4.tcp_tw_reuse = 1 表示开启重用。允许将TIME-WAIT sockets重新用于新的TCP连接，默认为0，表示关闭；<br>net.ipv4.tcp_tw_recycle = 1 表示开启TCP连接中TIME-WAIT sockets的快速回收，默认为0，表示关闭。<br></code></pre></td></tr></table></figure>
</li>
<li>
<p>强制关闭，发送 RST 包越过TIME_WAIT状态，直接进入CLOSED状态。</p>
</li>
</ul>
<h2 id="14-time_wait-是服务器端的状态还是客户端的状态"><a class="markdownIt-Anchor" href="#14-time_wait-是服务器端的状态还是客户端的状态"></a> 14. TIME_WAIT 是服务器端的状态?还是客户端的状态?</h2>
<p>TIME_WAIT 是<strong>主动断开连接</strong>的一方会进入的状态，一般情况下，都是客户端所处的状态;服务器端一般设置不主动关闭连接。</p>
<p>TIME_WAIT 需要等待 2MSL，在大量短连接的情况下，TIME_WAIT会太多，这也会消耗很多系统资源。对于服务器来说，在 HTTP 协议里指定 KeepAlive（浏览器重用一个 TCP 连接来处理多个 HTTP 请求），由浏览器来主动断开连接，可以一定程度上减少服务器的这个问题。</p>
<h2 id="15-tcp协议如何保证可靠性"><a class="markdownIt-Anchor" href="#15-tcp协议如何保证可靠性"></a> 15. TCP协议如何保证可靠性？</h2>
<p>TCP主要提供了检验和、序列号/确认应答、超时重传、滑动窗口、拥塞控制和 流量控制等方法实现了可靠性传输。</p>
<ul>
<li>
<p><strong>检验和</strong>：通过检验和的方式，接收端可以检测出来数据是否有差错和异常，假如有差错就会直接丢弃TCP段，重新发送。</p>
</li>
<li>
<p><strong>序列号/确认应答</strong>：</p>
<p>序列号的作用不仅仅是应答的作用，有了序列号能够将接收到的数据根据序列号排序，并且去掉重复序列号的数据。</p>
<p>TCP传输的过程中，每次接收方收到数据后，都会对传输方进行确认应答。也就是发送ACK报文，这个ACK报文当中带有对应的确认序列号，告诉发送方，接收到了哪些数据，下一次的数据从哪里发。</p>
</li>
<li>
<p><strong>滑动窗口</strong>：滑动窗口既提高了报文传输的效率，也避免了发送方发送过多的数据而导致接收方无法正常处理的异常。</p>
</li>
<li>
<p><strong>超时重传</strong>：超时重传是指发送出去的数据包到接收到确认包之间的时间，如果超过了这个时间会被认为是丢包了，需要重传。最大超时时间是动态计算的。</p>
</li>
<li>
<p><strong>拥塞控制</strong>：在数据传输过程中，可能由于网络状态的问题，造成网络拥堵，此时引入拥塞控制机制，在保证TCP可靠性的同时，提高性能。</p>
</li>
<li>
<p><strong>流量控制</strong>：如果主机A 一直向主机B发送数据，不考虑主机B的接受能力，则可能导致主机B的接受缓冲区满了而无法再接受数据，从而会导致大量的数据丢包，引发重传机制。而在重传的过程中，若主机B的接收缓冲区情况仍未好转，则会将大量的时间浪费在重传数据上，降低传送数据的效率。所以引入流量控制机制，主机B通过告诉主机A自己接收缓冲区的大小，来使主机A控制发送的数据量。流量控制与TCP协议报头中的窗口大小有关。</p>
</li>
</ul>
<h2 id="16-详细讲一下tcp的滑动窗口"><a class="markdownIt-Anchor" href="#16-详细讲一下tcp的滑动窗口"></a> 16. 详细讲一下TCP的滑动窗口？</h2>
<p>在进行数据传输时，如果传输的数据比较大，就需要拆分为多个数据包进行发送。TCP 协议需要对数据进行确认后，才可以发送下一个数据包。这样一来，就会在等待确认应答包环节浪费时间。</p>
<p>为了避免这种情况，TCP引入了窗口概念。窗口大小指的是不需要等待确认应答包而可以继续发送数据包的最大值。</p>
<img src="/img/20220414-计算机网络-1.assets/image-20210520214432214.png" srcset="/img/loading.gif" lazyload style="zoom:67%;">
<p>从上面的图可以看到滑动窗口左边的是已发送并且被确认的分组，滑动窗口右边是还没有轮到的分组。</p>
<p>滑动窗口里面也分为两块，一块是已经发送但是未被确认的分组，另一块是窗口内等待发送的分组。随着已发送的分组不断被确认，窗口内等待发送的分组也会不断被发送。整个窗口就会往右移动，让还没轮到的分组进入窗口内。</p>
<p>可以看到滑动窗口起到了一个<strong>限流</strong>的作用，也就是说当前滑动窗口的大小决定了当前 TCP 发送包的速率，而滑动窗口的大小取决于拥塞控制窗口和流量控制窗口的两者间的最小值。</p>
<h2 id="17-详细讲一下拥塞控制"><a class="markdownIt-Anchor" href="#17-详细讲一下拥塞控制"></a> 17. 详细讲一下拥塞控制？</h2>
<p>TCP 一共使用了四种算法来实现拥塞控制：</p>
<ul>
<li>慢开始 (slow-start)；
<ul>
<li>*2</li>
</ul>
</li>
<li>拥塞避免 (congestion avoidance)；
<ul>
<li>线性增加</li>
</ul>
</li>
<li>快速重传 (fast retransmit)；
<ul>
<li>收到失序报文，快速发出重复确认，不必等超时重传</li>
</ul>
</li>
<li>快速恢复 (fast recovery)。
<ul>
<li>收到三个重复确认，认为网络拥塞。将门限值减为<strong>当前值</strong>一半，然后慢开始。</li>
</ul>
</li>
</ul>
<p>发送方维持一个叫做拥塞窗口cwnd（congestion window）的状态变量。当cwndssthresh时，改用拥塞避免算法。</p>
<p>**慢开始：**不要一开始就发送大量的数据，由小到大逐渐增加拥塞窗口的大小。</p>
<p>**拥塞避免：**拥塞避免算法让拥塞窗口缓慢增长，即每经过一个往返时间RTT就把发送方的拥塞窗口cwnd加1而不是加倍。这样拥塞窗口按线性规律缓慢增长。</p>
<p><strong>快重传：<strong>我们可以剔除一些不必要的拥塞报文，提高网络吞吐量。比如接收方在</strong>收到一个失序的报文段后就立即发出重复确认，而不要等到自己发送数据时捎带确认。<strong>快重传规定：发送方只要</strong>一连收到三个</strong>重复确认就应当立即重传对方尚未收到的报文段，而不必继续等待设置的重传计时器时间到期。</p>
<p><img src="/img/20220414-%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C-1.assets/image-20210520214123058.png" srcset="/img/loading.gif" lazyload alt></p>
<p><strong>快恢复：<strong>主要是配合快重传。当发送方连续收到三个重复确认时，就执行“乘法减小”算法，把ssthresh门限减半（为了预防网络发生拥塞），但</strong>接下来并不执行慢开始算法</strong>，因为如果网络出现拥塞的话就不会收到好几个重复的确认，收到三个重复确认说明网络状况还可以。</p>
<p><img src="/img/20220414-%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C-1.assets/image-20210520214146324.png" srcset="/img/loading.gif" lazyload alt></p>
<h2 id="巨人的肩膀"><a class="markdownIt-Anchor" href="#巨人的肩膀"></a> 巨人的肩膀</h2>
<p><a target="_blank" rel="noopener" href="https://segmentfault.com/a/1190000021815671">https://segmentfault.com/a/1190000021815671</a></p>
<p><a target="_blank" rel="noopener" href="https://juejin.cn/post/6844904005315854343">https://juejin.cn/post/6844904005315854343</a></p>
<p><a target="_blank" rel="noopener" href="https://www.nowcoder.com/discuss/568071">https://www.nowcoder.com/discuss/568071</a></p>
<p><a target="_blank" rel="noopener" href="https://blog.csdn.net/yrx420909/article/details/104483455">https://blog.csdn.net/yrx420909/article/details/104483455</a></p>
<p><a target="_blank" rel="noopener" href="https://www.cnblogs.com/xiaolincoding/p/12638546.html">https://www.cnblogs.com/xiaolincoding/p/12638546.html</a></p>
<p><a target="_blank" rel="noopener" href="https://imageslr.com/2020/07/07/tcp-shake-wave.html">https://imageslr.com/2020/07/07/tcp-shake-wave.html</a></p>
<p><a target="_blank" rel="noopener" href="https://cloud.tencent.com/developer/article/1537628">https://cloud.tencent.com/developer/article/1537628</a></p>

                
              </div>
            
            <hr/>
            <div>
              <div class="post-metas my-3">
  
    <div class="post-meta mr-3 d-flex align-items-center">
      <i class="iconfont icon-category"></i>
      

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E7%BD%91%E7%BB%9C/" class="category-chain-item">网络</a>
  
  

      </span>
    
  
</span>

    </div>
  
  
    <div class="post-meta">
      <i class="iconfont icon-tags"></i>
      
        <a href="/tags/%E9%9D%A2%E8%AF%95/">#面试</a>
      
        <a href="/tags/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/">#计算机网络</a>
      
    </div>
  
</div>


              
  

  <div class="license-box my-3">
    <div class="license-title">
      <div>计算机网络-1</div>
      <div>http://example.com/2022/04/14/20220414-计算机网络-1/</div>
    </div>
    <div class="license-meta">
      
        <div class="license-meta-item">
          <div>作者</div>
          <div>叶飞</div>
        </div>
      
      
        <div class="license-meta-item license-meta-date">
          <div>发布于</div>
          <div>2022年4月14日</div>
        </div>
      
      
      <div class="license-meta-item">
        <div>许可协议</div>
        <div>
          
            
            
              <a target="_blank" href="https://creativecommons.org/licenses/by/4.0/">
              <span class="hint--top hint--rounded" aria-label="BY - 署名">
                <i class="iconfont icon-by"></i>
              </span>
              </a>
            
          
        </div>
      </div>
    </div>
    <div class="license-icon iconfont"></div>
  </div>



              
                <div class="post-prevnext my-3">
                  <article class="post-prev col-6">
                    
                    
                      <a href="/2022/04/14/20220414-%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C-2/" title="计算机网络-2">
                        <i class="iconfont icon-arrowleft"></i>
                        <span class="hidden-mobile">计算机网络-2</span>
                        <span class="visible-mobile">上一篇</span>
                      </a>
                    
                  </article>
                  <article class="post-next col-6">
                    
                    
                      <a href="/2022/04/12/20220412-%E9%87%8D%E8%A3%85MySQL%E6%9C%8D%E5%8A%A1/" title="重装MySQL服务">
                        <span class="hidden-mobile">重装MySQL服务</span>
                        <span class="visible-mobile">下一篇</span>
                        <i class="iconfont icon-arrowright"></i>
                      </a>
                    
                  </article>
                </div>
              
            </div>

            
          </article>
        </div>
      </div>
    </div>

    <div class="side-col d-none d-lg-block col-lg-2">
      
  <aside class="sidebar" style="margin-left: -1rem">
    <div id="toc">
  <p class="toc-header"><i class="iconfont icon-list"></i>&nbsp;目录</p>
  <div class="toc-body" id="toc-body"></div>
</div>



  </aside>


    </div>
  </div>
</div>





  



  



  



  



  


  
  









    

    
      <a id="scroll-top-button" aria-label="TOP" href="#" role="button">
        <i class="iconfont icon-arrowup" aria-hidden="true"></i>
      </a>
    

    
      <div class="modal fade" id="modalSearch" tabindex="-1" role="dialog" aria-labelledby="ModalLabel"
     aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header text-center">
        <h4 class="modal-title w-100 font-weight-bold">搜索</h4>
        <button type="button" id="local-search-close" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body mx-3">
        <div class="md-form mb-5">
          <input type="text" id="local-search-input" class="form-control validate">
          <label data-error="x" data-success="v" for="local-search-input">关键词</label>
        </div>
        <div class="list-group" id="local-search-result"></div>
      </div>
    </div>
  </div>
</div>

    

    
  </main>

  <footer>
    <div class="footer-inner">
  
    <div class="footer-content">
       <a href="https://hexo.io" target="_blank" rel="nofollow noopener"><span>Hexo</span></a> <i class="iconfont icon-love"></i> <a href="https://github.com/fluid-dev/hexo-theme-fluid" target="_blank" rel="nofollow noopener"><span>Fluid</span></a> 
    </div>
  
  
  
  
</div>

  </footer>

  <!-- Scripts -->
  
  <script  src="https://lib.baomitu.com/nprogress/0.2.0/nprogress.min.js" ></script>
  <link  rel="stylesheet" href="https://lib.baomitu.com/nprogress/0.2.0/nprogress.min.css" />

  <script>
    NProgress.configure({"showSpinner":false,"trickleSpeed":100})
    NProgress.start()
    window.addEventListener('load', function() {
      NProgress.done();
    })
  </script>


<script  src="https://lib.baomitu.com/jquery/3.6.0/jquery.min.js" ></script>
<script  src="https://lib.baomitu.com/twitter-bootstrap/4.6.1/js/bootstrap.min.js" ></script>
<script  src="/js/events.js" ></script>
<script  src="/js/plugins.js" ></script>


  <script  src="https://lib.baomitu.com/typed.js/2.0.12/typed.min.js" ></script>
  <script>
    (function (window, document) {
      var typing = Fluid.plugins.typing;
      var subtitle = document.getElementById('subtitle');
      if (!subtitle || !typing) {
        return;
      }
      var text = subtitle.getAttribute('data-typed-text');
      
        typing(text);
      
    })(window, document);
  </script>




  
    <script  src="/js/img-lazyload.js" ></script>
  




  
<script>
  Fluid.utils.createScript('https://lib.baomitu.com/tocbot/4.18.2/tocbot.min.js', function() {
    var toc = jQuery('#toc');
    if (toc.length === 0 || !window.tocbot) { return; }
    var boardCtn = jQuery('#board-ctn');
    var boardTop = boardCtn.offset().top;

    window.tocbot.init({
      tocSelector     : '#toc-body',
      contentSelector : '.markdown-body',
      headingSelector : CONFIG.toc.headingSelector || 'h1,h2,h3,h4,h5,h6',
      linkClass       : 'tocbot-link',
      activeLinkClass : 'tocbot-active-link',
      listClass       : 'tocbot-list',
      isCollapsedClass: 'tocbot-is-collapsed',
      collapsibleClass: 'tocbot-is-collapsible',
      collapseDepth   : CONFIG.toc.collapseDepth || 0,
      scrollSmooth    : true,
      headingsOffset  : -boardTop
    });
    if (toc.find('.toc-list-item').length > 0) {
      toc.css('visibility', 'visible');
    }
  });
</script>


  <script src=https://lib.baomitu.com/clipboard.js/2.0.10/clipboard.min.js></script>

  <script>Fluid.plugins.codeWidget();</script>


  
<script>
  Fluid.utils.createScript('https://lib.baomitu.com/anchor-js/4.3.1/anchor.min.js', function() {
    window.anchors.options = {
      placement: CONFIG.anchorjs.placement,
      visible  : CONFIG.anchorjs.visible
    };
    if (CONFIG.anchorjs.icon) {
      window.anchors.options.icon = CONFIG.anchorjs.icon;
    }
    var el = (CONFIG.anchorjs.element || 'h1,h2,h3,h4,h5,h6').split(',');
    var res = [];
    for (var item of el) {
      res.push('.markdown-body > ' + item.trim());
    }
    if (CONFIG.anchorjs.placement === 'left') {
      window.anchors.options.class = 'anchorjs-link-left';
    }
    window.anchors.add(res.join(', '));
  });
</script>


  
<script>
  Fluid.utils.createScript('https://lib.baomitu.com/fancybox/3.5.7/jquery.fancybox.min.js', function() {
    Fluid.plugins.fancyBox();
  });
</script>


  <script>Fluid.plugins.imageCaption();</script>

  
      <script>
        if (!window.MathJax) {
          window.MathJax = {
            tex    : {
              inlineMath: { '[+]': [['$', '$']] }
            },
            loader : {
              load: ['ui/lazy']
            },
            options: {
              renderActions: {
                insertedScript: [200, () => {
                  document.querySelectorAll('mjx-container').forEach(node => {
                    let target = node.parentNode;
                    if (target.nodeName.toLowerCase() === 'li') {
                      target.parentNode.classList.add('has-jax');
                    }
                  });
                }, '', false]
              }
            }
          };
        } else {
          MathJax.startup.document.state(0);
          MathJax.texReset();
          MathJax.typeset();
          MathJax.typesetPromise();
        }
      </script>
    

  <script  src="https://lib.baomitu.com/mathjax/3.2.1/es5/tex-mml-chtml.js" ></script>

  <script  src="/js/local-search.js" ></script>

  <script defer src="/js/leancloud.js" ></script>





<!-- 主题的启动项，将它保持在最底部 -->
<!-- the boot of the theme, keep it at the bottom -->
<script  src="/js/boot.js" ></script>


  

  <noscript>
    <div class="noscript-warning">博客在允许 JavaScript 运行的环境下浏览效果更佳</div>
  </noscript>
<script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"log":false,"pluginJsPath":"lib/","pluginModelPath":"assets/","pluginRootPath":"live2dw/","tagMode":false});</script></body>
</html>
